
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <title>技术支持的课堂导入案例解析_校本研修管理平台</title>
    <meta name="Keywords" content="校本研修、网络研修、教研活动、校本研修考核、校本研修规划、校本研修管理" />
    <meta name="Description" content="校本研修管理平台是由奥鹏教育自主研发的支持学校自主开展校本研修，方便各级教育行政部门对辖区内的研修计划、研修过程和研修效果进行统筹、监督与评价的系统服务平台" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=Edge" />
    <link rel="shortcut icon" href="/images/favicon.ico" />
    <link rel="bookmark" href="/images/favicon.ico" type="image/x-icon" />
    <script src="https://cdn.xiaoben365.com/libs/jquery/1.12.4/jquery.min.js" crossorigin="anonymous"></script>
    <script>
        window.UEDITOR_HOME_URL = "/js/plugin/editor/"; //编辑器项目路径
    </script>
    
<link href="/css/xbstyle-9ef3ab54.css" rel="stylesheet"><link href="/css/course.view-01a741a6.css" rel="stylesheet">

    <!--[if lt IE 9]>
        <script src="/lib/es5-shim.min.js"></script>
        <script src="/lib/es5-sham.min.js"></script>
        <script src="/lib/html5shiv.min.js"></script>
        <script src="/lib/respond.min.js"></script>
    <![endif]-->
</head>

<body data-orgid="899" data-orgcode="2022gpjx0101511" data-isvipproject=false data-upsize=1073741824>
    <header class="header-shadow-none">
        <div class="main">
            <a href="" target="_blank">
                <img class="logo" src="https://wlyxvpcdn.xiaoben365.com/wlyx/xbyx/2020/wu_1ehrib8o7tqs1ca71k9o1f7q1amdb/logo.png" alt="" />
            </a>
            <div class="dropdown header-dropdown" style="max-width:170px">
                <a class="clearfix" title="赖美林" data-placement="right">
                    <img id="userImg" src="https://wlyxvpcdn.xiaoben365.com/wlyx/xbyx/2022/CommunityClient/CommonResources/Banner/2022-05-16/78c26350-a788-d397-bf5c-67ab0e514e03default.png" onerror="this.src='/images/user-photo.png'" />
                    <div style="display: inline-block;margin-top:-12px">
                        <div style="overflow: hidden; max-width: 90px;white-space: nowrap; text-overflow: ellipsis;">
                            赖美林
                        </div>
                        <div
                            style="overflow: hidden; max-width: 70px;white-space: nowrap; text-overflow: ellipsis;background:#E8EBEB;color:#5B5D5D;font-size: 10px;margin-top: -25px;line-height: 20px;border-radius:3px;"
                        >
                            教师
                        </div>
                    </div>
                    <i class="icon icon-arrow-down-o" style="margin-top: -26px;"></i>
                </a>
                <ul class="dropdown-menu" style="min-width:100%;margin-top:-2px;">
                        <li>
                            <a href="https://2022GPJX0101511.xiaoben365.com/teacherpage/d28344ab-ca45-46ed-8719-57ce3811e20b" target="_blank">
                                我的主页
                            </a>
                        </li>
                    <li>
                        <a href="https://home.xiaoben365.com" target="_blank">
                            账号管理
                        </a>
                    </li>
                    <li>
                        <a id="sign-out" href="https://passport.xiaoben365.com/logout">
                            退出
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="header-nav">
                <li>
                    <div class="dropdown header-dropdown">
                        <a class="clearfix" href="https://www.xiaoben365.com">
                            <span>
                                社区首页
                            </span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="dropdown header-dropdown">
                        <a class="clearfix" href="https://2022gpjx0101511.xiaoben365.com" buried-point='["gzssy01","studio"]'>
                            <span>
                                项目首页
                            </span>
                        </a>
                    </div>
                </li>
                    <li>
                        <div class="dropdown tree header-dropdown">
                            <a class="clearfix">
                                <span>
                                    区域社区
                                </span>
                                <i class="icon icon-arrow-down-o"></i>
                            </a>
                            <ul class="dropdown-menu left w-240">
                                    <li>
                                        <a href="https://2022GPJX0101511.xiaoben365.com/360000" target="_blank">
                                            <i class="title-circle"></i>“国培计划（2022）”--江西省幼儿园骨干教师信息技术应用能力提升培训		
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://2022GPJX0101511.xiaoben365.com/360700" target="_blank">
                                            <i class="title-circle"></i>赣州市
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://2022GPJX0101511.xiaoben365.com/areapage/360721" target="_blank">
                                            <i class="title-circle"></i>赣县
                                        </a>
                                    </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="dropdown header-dropdown">
                            <a href="https://2022GPJX0101511.xiaoben365.com/school/badc84a0-8ab3-4a0b-a249-0cbfcda0bf51" class="clearfix" target="_blank">
                                <span>
                                    学校社区
                                </span>
                                <i class="icon icon-arrow-down-o"></i>
                            </a>
    
                                <ul class="dropdown-menu left text w-240">
                                        <li>
                                            <a href="https://2022GPJX0101511.xiaoben365.com/school/badc84a0-8ab3-4a0b-a249-0cbfcda0bf51" target="_blank">
                                                城关幼儿园光彩分园
                                            </a>
                                        </li>
                                </ul>
                        </div>
                    </li>
                    <li>
                        <div class="dropdown header-dropdown myhome">
                            <a class="clearfix" href="https://studio.xiaoben365.com">
                                <span>
                                    我的空间
                                </span>
                            </a>
                        </div>
                    </li>
            </ul>
        </div>
    </header>
    <div class="modal" id="switchRole">
        <div class="modal-box modal-sm">
            <div class="modal-header text-center">
                <span>
                    切换项目
                </span>
                <i class="icon icon-close" data-dismiss="modal"></i>
            </div>
            <div class="modal-body">
                <p class="section">
                    当前项目
                </p>
                <div class="article">
                    <div class="header">
                        <span class="title">
                            
                        </span>
    
                        <span class="content">
                            <label>
                                
                            </label>
                        </span>
                    </div>
                    <a class="btn btn-primary" href="javascript:void(0)" style="position: relative;">
                        当前角色
                        <label>
                            
                        </label>
                        <div class="check-icon"></div>
                    </a>
                </div>
                <div class="hr"></div>
            </div>
        </div>
    </div>    <div class="banner" id="banner">
        <img src="/images/layout-banner-c1e24d2d.png" alt="" class="default-banner-image">
        <div class="main">
            
        </div>
    </div>    
    <div class="main">
        <div class="row god-min">
    <input type="hidden" id="msgtest" value="">
    <nav class="col-3 min-height">
        <ul class="nav menu style clearfix" id="navUl">
            <li class="title mb-20">
                <h2>目录</h2>
            </li>
            <li class="section parent expand clearfix" data-url="" id="593e343a-228e-48ca-9d95-990723246271">
                <a><i class="parent-circle icon icon-jiahao-yuan-k"></i>第一讲 示范教师展示</a>
                <div class="nav-hidden">
                    <ul class="nav-sub">
                        <li class="section clearfix" data-url="https://gpmp4.open.com.cn/M606/guopei/2020/yiqingfk/XXJS2020AL0105/01_g.mp4" id="b68426f0-4d61-461a-a651-6a9b38fa47a5" data-resource="https://doc.xiaoben365.com/Attachment/SCORM/0BAA7073-3579-407B-B2F1-A719056879A9/01.html" data-type="sco" data-ischildren="true">
                            <a><i class="icon icon-xian"></i>第一节 示范课初中化学《原子的结构》</a>
                        </li>
                        <li class="section clearfix" data-url="https://gpmp4.open.com.cn/M606/guopei/2020/yiqingfk/XXJS2020AL0105/02_g.mp4" id="881ef654-6e8e-4114-853d-5a4c1eb3241c" data-resource="https://doc.xiaoben365.com/Attachment/SCORM/0BAA7073-3579-407B-B2F1-A719056879A9/02.html" data-type="sco" data-ischildren="true">
                            <a><i class="icon icon-xian"></i>第二节 示范课初中地理《大洲和大洋》</a>
                        </li>
                        <li class="section clearfix" data-url="https://gpmp4.open.com.cn/M606/guopei/2020/yiqingfk/XXJS2020AL0105/03_g.mp4" id="362f9412-68b9-4aef-b1e4-ea793f0ce1c5" data-resource="https://doc.xiaoben365.com/Attachment/SCORM/0BAA7073-3579-407B-B2F1-A719056879A9/03.html" data-type="sco" data-ischildren="true">
                            <a><i class="icon icon-xian"></i>第三节 示范课小学科学《空气占据空间吗》</a>
                        </li>
                        <li class="section clearfix" data-url="https://gpmp4.open.com.cn/M606/guopei/2020/yiqingfk/XXJS2020AL0105/04_g.mp4" id="939cfd9d-da24-4e88-9ff6-35ea0ae6e586" data-resource="https://doc.xiaoben365.com/Attachment/SCORM/0BAA7073-3579-407B-B2F1-A719056879A9/04.html" data-type="sco" data-ischildren="true">
                            <a><i class="icon icon-xian"></i>第四节 示范课初中数学《观察与猜想看图时的错觉》</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="section clearfix" data-url="https://gpmp4.open.com.cn/M606/guopei/2020/yiqingfk/XXJS2020AL0105/05_g.mp4" id="271684f9-673f-423c-9f72-4ff011601608" data-resource="https://doc.xiaoben365.com/Attachment/SCORM/0BAA7073-3579-407B-B2F1-A719056879A9/05.html" data-type="sco">
                <a><i class="icon  icon-xian"></i>第二讲 技术支持下的课堂导入案例解析</a>
            </li>
        </ul>
    </nav>
    <div class="col-9 box">
        <div class="box-header">
            <div class="title clearfix">
                <div class="pull-left line-ellipsis" style="width: 690px">
                    <span class="fc-gray"><i class="icon icon-marker"></i>当前位置 ></span>
                    <span id="currentSection"></span>
                </div>
                <div class="teacher pull-right">
                    <i class="icon icon-user fc-green" style="margin-right:0px"></i>
                    <span>周然</span>
                    <div class="intro">
                        <div class="name clearfix">
                            <img src="/images/user-photo.png"></img>
                            <span>周然</span>
                        </div>
                        <div class=""><p style="text-indent:32px;line-height:150%"><span style="font-size:16px;line-height:150%;font-family: 宋体">周然，北京市海淀区教师进修学校，生物教研室主任，中学高级。北京市学科带头人，北京市基础教育研究中心兼职教研员。</span><span style="font-family: 宋体; line-height: 150%;">现教育部“国培计划”专家团队成员，北京植物学会常务理事，北京师范大学生科院专业免费生兼职导师和北京联合大学硕士研究生导师。北京人民教育出版社初中生物教材编者及外聘培训专家。北京市高级中学教师资格认定委员。北京市海淀区挂牌责任督学、生物学科总督学和区名师指导团成员。</span><span style="font-family: 宋体; line-height: 150%;">曾主持和参与多项相国家级和市区级课题研究；有多篇学术论文在全国级、市级和区级获奖；多篇学术论文在国家级核心期刊上发表。</span></p><p><br/></p></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-body">
            <div id="player" class="course-viewer clearfix">

            </div>
            <div class="course-actions">
                <a class="btn btn-dashed" href="https://media6.open.com.cn/media001/guopei/2020/XXJS2020AL0105/01.zip" target="_blank">
                    <i class="icon icon-download"></i>讲义下载
                </a>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="comfirmModel" data-location="mediate">
    <div class="modal-backdrop"></div>
    <div class="modal-content">
        <div class="modal-box modal-sm" style="width: 400px;">
            <div class="modal-header">
                <span>课程提示</span>
            </div>
            <div class="modal-body text-center">
                <p class="fz-16 fc-red">请点击“确定”继续学习，学时将继续记录。</p>
            </div>
            <div class="modal-footer mb-20">
                <div class="text-center">
                    <button type="button" class="btn btn-primary btn-large yes">确定</button>
                    <button type="button" class="btn btn-default btn-large no">取消</button>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="modal" id="questionModel" data-location="mediate">
    <div class="modal-content">
        <div class="modal-box modal-sm question">
            <div class="modal-header pop-title">
                <span>请作答</span>
            </div>
            <div class="modal-body">
                <div class="question-title">
                    <i class="icon icon-wenti1 fc-green"></i>
                    <p></p>
                </div>
                <div class="question-content">
                </div>
                <p class="question-footer">点击选项,完成答题</p>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="sessionId" value="" data-course="34" data-activity="1" data-step="3" data-ordid="899" data-notrecord="false"/>
        <div class="TuT right">
            <ul class="TuT BomB icon" id="floatTools">
                <li id="downApp">
                    <div class="fz-14" sensorsdata="true">
                        <i class="icon icon-smartphone"></i>
                        <div>APP</div>
                    </div>
                    <div class="QR hide" id="downAppDiv">
                        <p class="mb-10 fc-black">扫码安装校本APP 便捷研修轻松管理</p>
                        <img src="/images/qr_app.png" alt="" style="width: 120px;">
                    </div>
                </li>
                <li id="TUTHELP" class="relative">
                    <a href="https://help.xiaoben365.com" target="_blank">
                        <div class="fz-14">
                            <i class="icon icon-help"></i>
                            <div>帮助</div>
                        </div>
                    </a>
                    <div class="guide-help hide">
                        <div class="a">
                            <i style="animation-delay: 0s;">有</i>
                            <i style="animation-delay: 0.1s;">问</i>
                            <i style="animation-delay: 0.2s;">题 </i>
                            <i style="animation-delay: 0.3s;">请</i>
                            <i style="animation-delay: 0.4s;">点</i>
                            <i style="animation-delay: 0.5s;">我</i>
                            <i style="animation-delay: 0.6s;">呦</i>
                            <i style="animation-delay: 0.7s;">！</i>
                        </div>
                        <a class="b" href="https://help.xiaoben365.com" target="_blank">
                            <div class="fz-14">
                                <i class="icon icon-help"></i>
                                <div>帮助</div>
                            </div>
                        </a>
                    </div>
                </li>
                <li id="feedback" sensorsdata="true">
                    <div class="fz-14">
                        <i class="icon icon-message"></i>
                        <div>吐槽</div>
                    </div>
                </li>
                <li id="doyoo_chat" class="service" sensorsdata="true">
                    <div class="fz-14">
                        <i class="icon icon-headphone"></i>
                        <div>咨询</div>
                    </div>
                </li>
                <li id="joinFloat" style="right: 76px;position: relative;margin-bottom: -100px;margin-top: 20px;display:none" data-url="https://www.xiaoben365.com">
                    <a href="/join">
                        <div style="background:url('https://wlyxvpcdn.xiaoben365.com/wlyx/xbyx/2020/wu_1e59kqnu21bpuqhi9sj3h51g938/join-float.png') no-repeat;
            background-size: cover;height:60px;width:125px"></div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="TuT right" id="gotop">
            <div class="pin-wrapper">
                <div class="gotop">
                    <div class="rocket">
                        <i class="rocket-ll"></i>
                        <i class="rocket-cc"></i>
                        <i class="rocket-rr"></i>
                    </div>
                </div>
            </div>
        </div>    </div>
    <div class="modal" id="feedbackModal">
        <div class="modal-box modal-feedback">
            <div class="modal-header">
                <span>我要吐槽</span>
                <i class="icon icon-close" style="right: 0;" data-dismiss="modal"></i>
            </div>
            <div class="body">
                <form class="form feedbackForm">
                    <div class="title clearfix" id="feedback-type">
                    </div>
                    <div class="article">
                        <label style="font-weight: 600;">问题引导：</label>
                        <pre id="feedback-typeDes">
                        </pre>
                    </div>
                    <textarea id="feedbackContent" name="feedbackContent" placeholder="不吐不快，您的吐槽是我们的动力！ (10~200个字)"></textarea>
                    <span id="errerMsg" class="validform_wrong icon icon-exclamation">请填写信息！</span>
                    <div class="option">
                        <a id="feedbackBtn" class="btn btn-primary"><i class="icon icon-send"></i>提交</a>
                    </div>
                </form>
            </div>
        </div>
    </div>    <style>
        .version-tip {
            background: #000;
            filter: alpha(opacity=50);
            opacity: .5;
            position: fixed;
            top: 0;
            bottom:0;
            left:0;
            right:0;
            z-index: 99999;
        }
        body {
            position: relative;
        }
        .version-background {
            background: url(/images/version-tip.png) no-repeat;
            background-position: 70% 35%;
            position: absolute;
            width: 892px;
            height: 617px;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: 50px auto 0;
            z-index: 100000;
        }
        .chrome-url {
            position: absolute;
            bottom: 100px;
            left: 50%;
            margin-left: -155px;
            color: #ebfbf6;
            font-weight: bold;
            font-size: 18px;
        }
        .chrome-url:hover {
            color: #fff;
        }
        .chrome-url:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ebfbf6;
        }
    </style>
    <div class="hide"  id="version">
        <div class="version-tip">
        
        </div>
        <div class="version-background">
            <a target="_blank" href="https://www.google.cn/intl/zh-CN/chrome/" class="chrome-url">下载Chrome浏览器新版</a>
        </div>
    </div>    <footer>
        <div class="main clearfix">
            <div class="pull-left text-left">
                <dl class="clearfix help">
                    <dt>帮助中心</dt>
                    <dd class="clearfix">
                        <a href="https://help.xiaoben365.com/faq/newguidance" target="_blank">新手引导</a>
                        <a href="https://help.xiaoben365.com/faq/handbook" target="_blank">操作手册</a>
                        <a href="https://help.xiaoben365.com/faq/questions" target="_blank">常见问题</a>
                        <a href="https://help.xiaoben365.com/faq/index" target="_blank">新功能介绍</a>
                    </dd>
                </dl>
                <div class="mt-40 fc-gray">
                    <p>版权所有
                        北京奥鹏远程教育中心有限公司
                        © 2003-2022 </p>
                    <p>xiaoben365.com. All Rights Reserved.
                        <a class="fc-gray" href="https://beian.miit.gov.cn" target="_blank">
                            京ICP备05014615号-28
                        </a>
                    </p>
                    <p class="clearfix inline-block">
                        <img class="pull-left" src="https://wlyxvpcdn.xiaoben365.com/wlyx/xbyx/2020/wu_1e3ma9hk61do1m5v1u7k2vga8u8/jinghui.png" alt="">
                        <a class="fc-gray" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031206">
                            京公网安备11010802031206号</a>
                    </p>
                </div>
            </div>
            <div class="inline-block text-left">
                <dl>
                    <dt>联系我们</dt>
                    <dd><i style="font-size:32px">400-789-1818</i></dd>
                    <dd class="mt-20">
                        <a href="javascript:;" onClick="$('#looyu_dom_1').click()" class="btn btn-primary">在线客服</a>
                        <a href="javascript:;" onclick="$('#feedbackModal').modal({ backdrop: 'static', show: true })" class="btn btn-primary">建议反馈</a>
                    </dd>
                </dl>
            </div>
            <div class="pull-right">
                <div class="qr">
                    <img src="/images/qr_app.png" alt="">
                    <div>校本APP扫码下载</div>
                </div>
            </div>
        </div>
    </footer>    <script src="/lib/moment.min.js"></script>
    <script src="https://cdn.xiaoben365.com/libs/jquery-validation/1.19.1/jquery.validate.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.xiaoben365.com/libs/jquery-validation/1.19.1/localization/messages_zh.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.xiaoben365.com/libs/icheck/1.0.2/icheck.min.js" crossorigin="anonymous"></script>
    <script src="/js/plugin/page/page.js"></script>
    <script src="/js/plugin/growl/jquery.growl.js"></script>
    <script src="/js/plugin/validate/custom-validate.js"></script>
    <script src="/js/plugin/ckplayer/ckplayer.js"></script>
    <script>
        window.XIAOBEN = {};
        //所有后台穿过来的变量 务必以XIAOBEN开头  以免发生误差
        //格式必须是 JSONstringify windows_XIAOBEN_PermissionButton 不能有空格
        window.XIAOBEN.permissionButton = {"STU030100":{"functionCode":"STU030100"},"STU030200":{"functionCode":"STU030200"},"STU040101":{"functionCode":"STU040101"},"STU040401":{"functionCode":"STU040401"},"STU10":{"functionCode":"STU10"},"STU1001":{"functionCode":"STU1001"},"STU100103":{"functionCode":"STU100103"},"STU100104":{"functionCode":"STU100104"},"STU100105":{"functionCode":"STU100105"},"STU100108":{"functionCode":"STU100108"},"STU100110":{"functionCode":"STU100110"},"STU18":{"functionCode":"STU18"},"STU1810":{"functionCode":"STU1810"},"STU12":{"functionCode":"STU12"},"STU120101":{"functionCode":"STU120101"},"STU120201":{"functionCode":"STU120201"},"STU120301":{"functionCode":"STU120301"},"STU020201":{"functionCode":"STU020201"},"STU020501":{"functionCode":"STU020501"},"STU020601":{"functionCode":"STU020601"},"STU040102":{"functionCode":"STU040102"},"STU050101":{"functionCode":"STU050101"},"STU050301":{"functionCode":"STU050301"},"STU060201":{"functionCode":"STU060201"},"STU0603401":{"functionCode":"STU0603401"},"STU060401":{"functionCode":"STU060401"},"STU070101":{"functionCode":"STU070101"},"STU070102":{"functionCode":"STU070102"},"STU0801":{"functionCode":"STU0801"},"STU090101":{"functionCode":"STU090101"}}
    </script>
    <script src="/js/xbstyle-8e9ec6bc.js"></script><script src="/js/xbcore-3ae2d624.js"></script><script src="/js/course.view-c68d2c79.js"></script>

    <script type="text/javascript">
        document.write("<script src=\"https://gate.soperson.com/20003318/10094201.js\"><\/script>");
    </script>
    <!--[if lt IE 9]>
        <script type="text/javascript">
            $('#version').removeClass('hide')
            $('body').css({
                'overflow': 'hidden'
            })
            
        </script>
    <![endif]-->
    <!--[if lte IE 9]>
    <script src="/js/plugin/placeholder/jquery.placeholder.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('input, textarea').placeholder();
        });
    </script>
    <![endif]-->
</body>

</html>